<?php

use yii\helpers\Html;
use yii\widgets\DetailView;

use backend\assets\FancyBoxAsset;
FancyBoxAsset::register($this);
/* @var $this yii\web\View */
/* @var $model common\models\business\BusinessInspection */

$this->title = $model->business_person.'于'.date('Y-m-d',$model->createtime).'巡检';
$this->params['breadcrumbs'][] = ['label' => 'Business Inspections', 'url' => ['index']];
$this->params['breadcrumbs'][] = $this->title;
?>
<style type="text/css">
    html,body{margin:0;padding:0;}
    .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
    .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>


<section class="wrapper site-min-height">
    <!-- page start-->
    <section class="panel">
        <header class="panel-heading">
              <?= Html::a('返回','javascript:history.back(-1)'); ?>  <?= Html::encode($this->title) ?>
        </header>
        <div class="panel-body">
            <div class="adv-table editable-table ">

                <div class="business-inspection-view">

                    <p>
                        <?= Html::a('更新', ['update', 'id' => $model->id], ['class' => 'btn btn-primary']) ?>
                        <?= Html::a('删除', ['delete', 'id' => $model->id], [
                            'class' => 'btn btn-danger',
                            'data' => [
                                'confirm' => '您确定删除此项吗?',
                                'method' => 'post',
                            ],
                        ]) ?>
                    </p>

                    <?= DetailView::widget([
                        'model' => $model,
                        'attributes' => [
                            'healthy',
                            'business_person',
                            [
                                'attribute' => 'pig.liveryperson.name',
                                'label' => '代养农户'
                            ],
                            [
                                'attribute' => 'pig.no',
                                'label' => '仔猪'
                            ],
                            'weight',
//                            'height',
                            'length',
                            [
                                'attribute' => 'width',
                                'label' => '胸围（cm）'
                            ],
                            'pigpen',
                            'pigpen_desc',
                            'situation',
                            'activelevel',
                            'haircolor',
                            'foodintake',
                            'shit',
                            'breath',
                            'temperature',
                            'feed',
                            'lat',
                            'lng',
                            'address',
                            'feed_desc',
                            [
                                'attribute'=>'pigpen_photo',
                                'format'=>'raw',
                                'value'=>function($model){
                                    $html = '';
                                    $ps = \common\components\Upload::checkGetUrl($model->pigpen_photo,true,'pigpen_photo');
                                    foreach ($ps as $key => $row){
                                        $html .= "<a class='fancybox' href='{$row}'>".yii\helpers\Html::img($row,['alt' => '缩略图','width' => 100 ,'height' => 100,'style'=>'margin:10px;']).'</a>';
                                    }
                                    return $html;
                                }
                            ],
                            [
                                'attribute'=>'feed_photo',
                                'format'=>'raw',
                                'value'=>function($model){
                                    $html = '';
                                    $ps = \common\components\Upload::checkGetUrl($model->feed_photo,true,'feed_photo');
                                    foreach ($ps as $key => $row){
                                        $html .= "<a class='fancybox' href='{$row}'>".yii\helpers\Html::img($row,['alt' => '缩略图','width' => 100 ,'height' => 100,'style'=>'margin:10px;']).'</a>';
                                    }
                                    return $html;
                                }
                            ],
                            [
                                'attribute'=>'pigphoto',
                                'format'=>'raw',
                                'value'=>function($model){
                                    $html = '';
                                    $ps = \common\components\Upload::checkGetUrl($model->pigphoto,true,'pigphoto');
                                    foreach ($ps as $key => $row){
                                        $html .= "<a class='fancybox' href='{$row}'>".yii\helpers\Html::img($row,['alt' => '缩略图','width' => 100 ,'height' => 100,'style'=>'margin:10px;']).'</a>';
                                    }
                                    return $html;
                                }
                            ],
                            [
                                'attribute'=>'status',
                                'format'=>'raw',
                                'value'=>function($model){
                                    return Html::label(\common\models\business\BusinessInspection::$statues[$model->status]);
                                }
                            ],
                            'remark'
                        ],
                    ]) ?>

                    <tr><th>巡检地点:<?= $model->address ?></th><td><div style="margin:auto;width:697px;height:550px;border:#ccc solid 1px;" id="dituContent"></div></td></tr>

                </div>
            </div>
                <!--引用百度地图API-->

                <!--百度地图容器-->
                <script type="text/javascript">
                    //创建和初始化地图函数：
                    function initMap(){
                        createMap();//创建地图
                        setMapEvent();//设置地图事件
                        addMapControl();//向地图添加控件
                    }

                    //创建地图函数：
                    function createMap(){
                        var map = new BMap.Map("dituContent");//在百度地图容器中创建一个地图
                        var point = new BMap.Point(<?= $model->lng ?>,<?=$model->lat?>);//定义一个中心点坐标
                        map.centerAndZoom(point,12);//设定地图的中心点和坐标并将地图显示在地图容器中
                        window.map = map;//将map变量存储在全局

                        //在地图上定位到某点
                        map.clearOverlays();
                        var marker = new BMap.Marker(point); // 创建标注
                        map.addOverlay(marker); // 将标注添加到地图中
                        map.panTo(point); //转到该点位置
                    }

                    //地图事件设置函数：
                    function setMapEvent(){
                        map.enableDragging();//启用地图拖拽事件，默认启用(可不写)
                        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
                        map.enableDoubleClickZoom();//启用鼠标双击放大，默认启用(可不写)
                        map.enableKeyboard();//启用键盘上下左右键移动地图
                    }

                    //地图控件添加函数：
                    function addMapControl(){
                        //向地图中添加缩放控件
                        var ctrl_nav = new BMap.NavigationControl({anchor:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
                        map.addControl(ctrl_nav);
                        //向地图中添加缩略图控件
                        var ctrl_ove = new BMap.OverviewMapControl({anchor:BMAP_ANCHOR_BOTTOM_RIGHT,isOpen:1});
                        map.addControl(ctrl_ove);
                        //向地图中添加比例尺控件
                        var ctrl_sca = new BMap.ScaleControl({anchor:BMAP_ANCHOR_BOTTOM_LEFT});
                        map.addControl(ctrl_sca);
                    }
                    initMap();//创建和初始化地图
                </script>
        </div>
    </section>
</section>


<script>
    <?php $this->beginBlock('js_end') ?>
    //点击预览图片
    $('.fancybox').fancybox({
        'titlePosition' : 'over',
        'cyclic'        : true,
        'height':500
    });
    <?php $this->endBlock(); ?>
    <?php $this->registerJs($this->blocks['js_end'],\yii\web\View::POS_END);//将编写的js代码注册到页面底部 ?>

</script>

